.popup-child {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	.mask {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 998;
		background-color: rgba($color: #000000, $alpha: 0.7);
	}
    .popup {
        margin: 0 84rpx;
        width: 100%;
    }
	
	.top_image {
		box-sizing: border-box;
		top: 48rpx;
		left: 20rpx;
		z-index: 1000;
		image {
			width: 130rpx;
			height: 130rpx;
		}
	}
	
	.content {
		width: 100%;
		z-index: 999;
		height: 818rpx;
		background-color: #FFFFFF;
		border-radius: 24rpx;
		padding: 32rpx 24rpx 0rpx 30rpx;
		/* margin: 0 104rpx; */
		overflow: hidden;
		
		.content_title {
			padding: 26rpx 0 22rpx 0;
			font-size: 28rpx;
			font-weight: 500;
			color: #333;
		}
	}
	
	.group {
		.group_item {
			padding-bottom: 38rpx;
			box-sizing: border-box;
			.left {
				display: flex;
				image: {
					width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
				}
                .pic_url {
                    width: 80rpx;
                    height: 80rpx;
                    border-radius: 50%;
                }
				
				.left_text {
					font-size: 24rpx;
					padding-left: 16rpx;
                    color: #999;
					.title {
						padding-bottom: 14rpx;
						.username {
							font-size: 28rpx;
							padding-right: 10rpx;
						}
					}
					.red {
						color: #E93323;
					}
					.time {
						color: #999999;
					}
				}
			}
			
			.right {
				padding: 12rpx 28rpx 10rpx 30rpx;
				border: unset !important;
				color: #FFFFFF !important;
				border-radius: 34rpx;
				background: linear-gradient(84deg,#ff2d1b 5%, #ff3421 5%, #ff977b 94%);
			}
		}
	}
	
	.close {
		z-index: 1000;
		position: absolute;
		left: 355rpx;
		align-items: center;
		margin-top: 24rpx;
		image {
			width: 56rpx;
			height: 56rpx;
			
		}
	}
}